<!-- 折叠面板 -->
<template>
    <view class="">
       <uni-collapse :accordion="true">
       	<uni-collapse-item
		 v-for="item in accordion" 
		 :key="item.id" 
		 :title="item.title" 
		 :show-animation="item.animation">
       		<view class="yswwert fz32 pd pt20 pm20 btm">
       			<text class="content">{{ item.content }}</text>
       		</view>
       	</uni-collapse-item>
       </uni-collapse>
    </view>
</template>
<script>
    export default {
        data() { 
            return {
				accordion: [{
						id: 0,
						title: '标题文字',
						content: '手风琴效果',
						animation: true
					},
					{
						id: 1,
						title: '标题文字',
						content: '手风琴效果',
						animation: true
					},
					{
						id: 2,
						title: '标题文字',
						content: '手风琴效果',
						animation: true
					}
				],
			}
        },
        components: {},
        methods: {
		},
        mounted() {}
    }

</script>
<style  scoped>
	.yswwert{
		background-color: #F8F8F8;
	}
</style>
